import type { App } from 'vue'

// 需要全局引入一些组件，如ElScrollbar，不然一些下拉项样式有问题
// import { ElLoading, ElScrollbar } from 'element-plus'
//
// const plugins = [ElLoading]
//
// const components = [ElScrollbar]

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

export const setupElementPlus = (app: App<Element>) => {
  app.use(ElementPlus) // 全局注册 Element-Plus
  // 图标
  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
  }
  // plugins.forEach((plugin) => {
  //   app.use(plugin)
  // })
  //
  // // 为了开发环境启动更快，一次性引入所有样式
  // if (import.meta.env.VITE_USE_ALL_ELEMENT_PLUS_STYLE === 'true') {
  //   import('element-plus/dist/index.css')
  //   return
  // }
  //
  // components.forEach((component) => {
  //   app.component(component.name!, component)
  // })
}
